<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<script src="js/mui.min.js"></script>
		
		<style type="text/css">
			.shezhixiang{
				background-color: white;
				margin-top: 84px;
		
			}
			.shezhixiang p{
				text-align: center;
				font-family: "微软雅黑";
                font-size: 16px;
                color:black;
                margin-top: -12px;
                line-height: 28px;
                margin-bottom: 16px;
      
                
			}
				.shezhixiang a{
				
				font-family: "微软雅黑";
                font-size:18px;
                color: black;
                margin-top: 12px;
                line-height: 22px;
                margin-bottom: 16px;
			}
			
		</style>
	</head>

	<body>
	<header class="mui-bar mui-bar-nav">
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" id="return_shezhi"></a>
	    <h1 class="mui-title">设置</h1>
	</header>
       
     
	<ul class="mui-table-view shezhixiang"> 
        <li class="mui-table-view-cell mui-collapse">
            <a class="mui-navigate-right" href="#" style="font-size: 14px;">字体大小</a>
            <div class="mui-collapse-content">
                <p>10px</p>
                <p>14px</p>
                <p>18px</p>
                <p>22px</p>
            </div>
        </li>
        
        <li class="mui-table-view-cell mui-collapse">
            <a class="mui-navigate-right" href="#" style="font-size: 14px;">wifi设置</a>
            <div class="mui-collapse-content">
               <p>自动连接</p>
                <p>手动连接</p>
            </div>
        </li>
        <li class="mui-table-view-cell mui-collapse">
            <a class="mui-navigate-right" href="#" style="font-size: 14px;">缓存清除</a>
            <div class="mui-collapse-content">
                 <p>清除所有缓存</p>
            </div>
        </li>
        <li class="mui-table-view-cell mui-collapse">
            <a class="mui-navigate-right" href="#" style="font-size: 14px;">意见反馈</a>
            <div class="mui-collapse-content">
                  <p>联系我们</p>
            </div>
        </li>
        <li class="mui-table-view-cell mui-collapse">
            <a class="mui-navigate-right" href="#" style="font-size: 14px;">APP版本</a>
            <div class="mui-collapse-content">
                <p>已是最新版本</p>
            </div>
        </li>
    </ul>
    
	
	<button  class="mui-btn mui-btn-block mui-btn-primary" style="background-color:#039aff; border-radius: 20px; width: 90%; height: 90%; margin: 40px auto;" id="return_shezhi02">退出登录</button>
				
	
	
	
	
		<script type="text/javascript">
			mui.init()
			//跳转index页面
				document.getElementById("return_shezhi").addEventListener('tap', function(event) {
						mui.openWindow({
							url: 'index.html',
							id: 'index',
							preload: true,
							show: {
								aniShow: 'pop-in',
								duration:'800',
							},
							styles: {
								popGesture: 'hide',
							},
							waiting: {
								autoShow: false
							}
						});
						}, false);
						
			//跳转index页面
				document.getElementById("return_shezhi02").addEventListener('tap', function(event) {
						mui.openWindow({
							url: 'index.html',
							id: 'index',
							preload: true,
							show: {
								aniShow: 'pop-in',
								duration:'800',
							},
							styles: {
								popGesture: 'hide',
							},
							waiting: {
								autoShow: false
							}
						});
						}, false);
		</script>
	</body>

</html>